<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div::-webkit-scrollbar {
            width: 0px;
            height: 10px;
        }

        div:hover::-webkit-scrollbar {
            width: 10px;
            height: 10px;
        }

        div::-webkit-scrollbar-track {
            background: rgb(239, 239, 239);
            border-radius: 2px;
        }

        div::-webkit-scrollbar-thumb {
            background: #bfbfbf;
            border-radius: 10px;
        }

        div::-webkit-scrollbar-thumb:hover {
            background: #333;
        }

        div::-webkit-scrollbar-corner {
            background: #179a16;
        }
    </style>
</head>

<body>
<img src="" id="img">
<button id="btn">button</button>
<div style="height: 100px;width:500px;overflow-y: scroll;">
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
    1111<br>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.js"></script>
<script>
    // (function () {
    //     $._ajax = $.ajax;
    //     $.ajax = function (settings) {
    //         var config = {
    //             headers: {
    //                 "Authorization": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX25hbWUiOiJhZG1pbiIsInVzZXJfaWQiOiJTVVBFUkFETUlOIiwiaXNzIjoic2NtcyIsImF1ZCI6IjA5OGY2YmNkNDYyMWQzNzNjYWRlNGU4MzI2MjdiNGY2IiwiZXhwIjoxNTkzNjU2MjQxLCJuYmYiOjE1OTM0ODM0NDF9.-WbuovhvkoKXrYd4S6gn9oQ2cigI0DX4hGpuE-VBRGw"
    //             }
    //         };
    //         $.extend(true, config, settings);
    //         $._ajax(config);
    //     };
    // })();
    // $.ajax({
    //     url:"http://172.31.4.248:18080/sc1902/login/getUserByToken?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX25hbWUiOiJhZG1pbiIsInVzZXJfaWQiOiJTVVBFUkFETUlOIiwiaXNzIjoic2NtcyIsImF1ZCI6IjA5OGY2YmNkNDYyMWQzNzNjYWRlNGU4MzI2MjdiNGY2IiwiZXhwIjoxNTkzNjU2MjQxLCJuYmYiOjE1OTM0ODM0NDF9.-WbuovhvkoKXrYd4S6gn9oQ2cigI0DX4hGpuE-VBRGw",
    //     headers: {
    //       "token":"bbbb"
    //     },
    //     success:function (bak) {
    //         console.log(bak);
    //     }
    // })
    // $.ajax({
    //     url: "http://172.31.4.248:18080/sc1902/albumTarget/getImgByStoreId?storeId=5ef9916553701f308a673655",
    //     type: "GET",
    //     headers: {
    //         "token": "bbbb"
    //     },
    //     dataType:"blob",
    //     success: function (bak,status,xhr) {
    //         // console.log(bak);
    //         console.log(xhr);
    //         var blob = new Blob();
    //         blob = xhr.response;
    //         $("#img").attr("src","data:image/png;base64,"+bak);
    //     },
    //     complete:function (xhr,status) {
    //         console.log(xhr);
    //     }
    // })
    // fetch("http://172.31.4.248:18080/sc1902/albumTarget/getImgByStoreId?storeId=5ef9916553701f308a673655",{
    //     method:"GET"
    // }).then(res=>res.blob()).then(res=>$("#img").attr("src",URL.createObjectURL(res)));
    // var btn = document.getElementById("btn");
    // btn.onmousedown = function (event) {
    //     console.log("mousedown");
    // }
    // btn.onmouseup = function (event) {
    //     console.log("mouseout")
    // }
</script>
</body>

</html>